<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>form表单</title>
	</head>
	<body>
		<!--模拟按钮-->
		<div style="padding: 2px 5px;border: 1px solid #000000;width: 80px;
			text-align: center;cursor: pointer;border-radius: 5px;">
			提交
		</div>
		<form method="get" action="">
			<!--实际按钮-->
			<input type="button" style="width: 200px;border: none;height: 200px;" value="提交" />
			<!--文本框-->
			<input type="text" placeholder="请输入用户名" style="outline: none;border: none;" />
			<!--密码-->
			<input type="password" placeholder="请输入密码" />
			<!--数字-->
			<input type="number" />
			<!--出身年月-->
			<input type="date" />
			<!--大文本-->
			<textarea rows="10"></textarea>
			<!--单选框-->
			<input type="radio" name="sex" value="female" />男
			<input type="radio" name="sex" value="male" />女
			<input type="radio" name="sex" value="other" />保密
		
			<!--多选-->
			<input type="checkbox" name="hobby" value="swimming" />游泳
			<input type="checkbox" name="hobby" value="running" />跑步
		
			<input type="checkbox" name="language" value="java" />java
			<input type="checkbox" name="language" value="js" />js
		
			<!--文件选择器-->
			<input type="file" />
		
			<!--下拉选择器-->
			<select name="subject">
				<option value="1">小学教育</option>
				<option value="2">计算机</option>
				<option value="3">软件</option>
				<option value="4">电信</option>
			</select>
			<select name="school">
				<option value="1">金华职业技术学院</option>
				<option value="2">浙江水利水电学院</option>
				<option value="3">台州职业技术学院</option>
				<option value="4">宁波职业技术学院</option>
			</select>
		</form>
	</body>
</html>
